import { defineConfig, globalIgnores } from 'eslint/config'
import globals from 'globals'
import js from '@eslint/js'
import pluginVue from 'eslint-plugin-vue'
import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'

export default defineConfig([
  {
    name: 'app/files-to-lint',
    files: ['**/*.{js,mjs,jsx,vue}'],
  },

  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),

  {
    languageOptions: {
      globals: {
        ...globals.browser,
        // 添加 ElMessage等 全局变量。直接使用 ElMessage，eslint会报错，这里配置一下即可。
        ElMessage: 'readonly',
        ElMessageBox: 'readonly',
        ElLoading: 'readonly',
      },
    },
  },

  /** js推荐配置 */ // 里面设置了'no-undef': 'error
  js.configs.recommended,
  /** vue推荐配置 */
  ...pluginVue.configs['flat/essential'],
  /** 配合prettier 配置 */ // 里面设置了'comma-dangle': 'off',
  skipFormatting,

  {
    name: 'myeslint',
    rules: {
      // 关闭对未定义变量的警告。 Expected severity of "off", 0, "warn", 1, "error", or 2.
      'no-undef': 'error',
      // 对象结尾逗号，可以控制与prettier的冲突。 Expected severity of "off", 0, "warn", 1, "error", or 2.
      // 'comma-dangle': "off",
    },
  },
])
